import React from "react";

export default class Logo extends React.Component{
    constructor(props){
        super();
        this.state={
            width:props.width,
            height:props.height,
            start:(props.start===undefined?"#26d2ff":props.start),
            stop:(props.stop===undefined?"#237ef6":props.stop)
        }
    }
    render(){
        return (
            <svg xmlns="http://www.w3.org/2000/svg" width={this.state.width} height={this.state.height} viewBox="0 0 132.593 98.82">
                <defs>
                    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
                        <stop offset="0" stopColor={this.state.start}/>
                        <stop offset="1" stopColor={this.state.stop}/>
                    </linearGradient>
                </defs>
                <path id="Logo" data-name="Logo" d="M0,98.7c.145-.575.249-1.162.438-1.713,1.42-4.161,2.643-8.424,4.349-12.439a28.824,28.824,0,0,1,7.181-9.789,30.129,30.129,0,0,1,8.461-5.6,39.766,39.766,0,0,1,6.4-2.019A61.84,61.84,0,0,1,33.117,66c1.705-.238,3.429-.314,5.145-.454.733-.059,1.467-.1,2.407-.159-.263.942-.477,1.789-.736,2.618q-.843,2.7-1.725,5.378c-.633,1.931-1.3,3.847-1.925,5.782A28.054,28.054,0,0,1,31.83,87.63,24.084,24.084,0,0,1,23.2,94.686a34.546,34.546,0,0,1-7.954,2.679A72.114,72.114,0,0,1,.34,98.82h0A1.372,1.372,0,0,1,0,98.7ZM9.736,67.056c.1-.372,4.945-15.929,5.725-18.489.747-2.453,4.22-13.013,5.378-15.75a71.551,71.551,0,0,1,6.216-11.836,50.8,50.8,0,0,1,8.048-9.6A35.886,35.886,0,0,1,44.12,5.152c2.13-.981,4.275-1.949,6.473-2.716a45.42,45.42,0,0,1,5.576-1.412,44.619,44.619,0,0,1,5.3-.889C62.99,0,64.523.007,66.055.015c.37,0,.74,0,1.11,0Q88.009.008,108.853.025c1.442,0,6.938.036,8.244-.011.9-.032,1.8,0,2.7,0q5.981,0,11.962,0c.253,0,.506.049.831.083a24.741,24.741,0,0,1-2.251,6.684,22.188,22.188,0,0,1-6.8,8.12,22.291,22.291,0,0,1-6.7,3.241c-4.109,1.232-8.287,1.186-12.467,1.139-.83-.009-1.66-.018-2.49-.017-4.552,0-9.1.014-13.657-.008-2.347-.011-4.7-.193-7.039-.1a63.29,63.29,0,0,0-8.691.663,35.148,35.148,0,0,0-8.591,2.489,24.451,24.451,0,0,0-11.6,10.163c-1.184,2.089-2.067,4.386-3.072,6.6a3.72,3.72,0,0,0-.152.805h51.032c-.256,1.044-.437,2.067-.757,3.034a24.313,24.313,0,0,1-4.208,7.9,21.521,21.521,0,0,1-10.117,6.924A29.686,29.686,0,0,1,75.825,59c-4.166.03-14.33.174-15.245.153l-4.937.008c-4.695-.019-9.39-.163-14.084-.13-3.237.023-6.48.161-9.706.443-2.026.177-4.021.751-6.038,1.086a37.744,37.744,0,0,0-9.524,3.061A23.475,23.475,0,0,0,9.484,68.16C9.567,67.792,9.641,67.421,9.736,67.056Z" fill="url(#linear-gradient)"/>
            </svg>
        );
    }
}

